<template>
	<div class="dashboard-container">
		<div class="dashboard-text">name:{{name}}</div>
		<div class="dashboard-text">roles:<span v-for='role in roles' :key='role'>{{role}}</span></div>
	</div>
</template>

<script>
	import { mapGetters } from 'vuex'

	export default {
		name: 'dashboard',
		computed: {
			...mapGetters([
				'name',
				'roles'
			])
		},
		created() {
//			this.$axios.post('http://www.wwtliu.com/sxtstu/blueberrypai/getIndexBanner.php')
//				.then(function(response) {
//					console.log(response);
//				})
//				.catch(function(error) {
//					console.log(error);
//				});
		},
	}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
	.dashboard {
		&-container {
			margin: 30px;
		}
		&-text {
			font-size: 30px;
			line-height: 46px;
		}
	}
</style>